<template>
  <view v-if="shenheStatus == 0" class="message">
    <view class="item">
      <view class="title">{{ $t('coupon.validity') }}</view>
      <view class="data flex-y-center">
        <view></view>
        <view>
          <text>
            {{ $t('coupon.validity') }}：{{
              cardData.begin_time
            }}~{{ cardData.end_time }}
          </text>
          
        
        </view>
      </view>
    </view>
    <view class="item">
      <view class="title">{{ $t('user.cardVal') }}</view>
      <view class="data flex-y-center">
        <view></view>
        <view>{{ cardData.price }}</view>
      </view>
    </view>
    <!-- <view class="item">
      <view class="title">使用须知</view>
      <view class="data flex-y-center">
        <view></view>
        <view>永久有效</view>
      </view>
    </view>
    <view class="item">
      <view class="title">温馨提示</view>
      <view class="data flex-y-center">
        <view></view>
        <view>永久有效</view>
      </view>
    </view> -->
    <view class="item">
      <view class="title">{{ $t('user.detailIn') }}</view>
      <view class="html">
        <view v-html="cardData.content"></view>
      </view>
    </view>
  </view>
  <Shenhe v-else-if="shenheStatus == 1"></Shenhe>
</template>

<script>
import Shenhe from '@/components/shenhe/shenhe';
export default {
  components: { Shenhe },
  data() {
    return {
      cardData: {},
      card_id: '',
    };
  },
  onLoad(params) {
    this.cardData=params
  },
  methods: {
  },
};
</script>

<style lang="scss" scoped>
.message {
  background: #fff;
  color: #262626;
  font-size: 28rpx;
}
.item {
  padding: 0 24rpx;
  .title {
    margin-top: 40rpx;
  }
  .data {
    > view:nth-child(1) {
      width: 8rpx;
      height: 8rpx;
      background: #8c8c8c;
      border-radius: 50%;
      margin-right: 15rpx;
    }
    margin-top: 20rpx;
    line-height: 34rpx;
    font-size: 24rpx;
    color: #8c8c8c;
  }
  .html {
    margin-top: 20rpx;
  }
}
</style>
